<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>考试</title>
<style>
#chart-container {
	position: relative;
	width: 600px; height : 600px;
	overflow: hidden;
}
</style>
<!--外部引入-->
<link rel="stylesheet"
	th:href="@{/libs/bootstrap/bootstrap4dist/css/bootstrap.css}">
<link rel="stylesheet" th:href="@{/css/student/mainpage.css}">
<link rel="stylesheet"
	th:href="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.css}">
</head>
<body>
	<div>
		<h1>考试</h1>
		<!-- 新增按钮 -->
		<button type="button" class="btn btn-primary" data-toggle="modal"
			data-target="#addmodal" data-whatever="@mdo">新增</button>
			
		

		<div>
			<table id="tab" data-pagination="true" data-page-size="4"
				data-search="true">
				<!--是分页data-pagination="true" data-page-size="4" data-search="true"-->
			</table>
		</div>
		<div>
			<input id="addr" hidden
				th:value="${#httpServletRequest.getScheme()+'://'+#httpServletRequest.getServerName()+':'+#httpServletRequest.getServerPort()+#httpServletRequest.getContextPath()} " />
			<!-- 获取到controller路径 -->
		</div>
		
		<!-- 饼状图 -->
		<div id="chart-container"></div>
		
		<div>
			<!-- 新增 -->
			<div class="modal fade" id="addmodal" tabindex="-1"
				aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">新增学生信息</h5>
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<form>
								<div class="form-group">
									<label for="studentName" class="col-form-label">姓名</label> <input
										type="text" class="form-control" id="addstudentName">
								</div>
								<div class="form-group">
									<label for="mobile" class="col-form-label">手机号</label> <input
										type="text" class="form-control" id="addmobile">
								</div>
								<div class="form-group">
									<label for="email" class="col-form-label">邮箱</label> <input
										type="text" class="form-control" id="addemail">
								</div>
								<label for="provinces">性别</label> <select
									style="width: 250px; height: 30px;" id="sex">
									<option value="">请选择性别</option>
									<option value="男">男</option>
									<option value="女">女</option>
								</select>
								<div class="form-group">
									<label for="age" class="col-form-label">年龄</label> <input
										type="text" class="form-control" id="addage">
								</div>
								<label for="provinces">证件类型</label> <select
									style="width: 250px; height: 30px;" id="idType">
									<option value="">请选择证件类型</option>
									<option value="身份证">身份证</option>
									<option value="其他">其他</option>
								</select>
								<div class="form-group">
									<label for="idNum" class="col-form-label">证件号</label> <input
										type="text" class="form-control" id="addidNum">
								</div>

							</form>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary"
								data-dismiss="modal">取消</button>
							<button type="button" onclick="save()" class="btn btn-primary">确认</button>
						</div>
					</div>
				</div>
			</div>


			<div>
				<!-- 修改 -->
				<div class="modal fade" id="updatemodal" tabindex="-1"
					aria-labelledby="exampleModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="exampleModalLabel">修改学生信息</h5>
								<button type="button" class="close" data-dismiss="modal"
									aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body">
								<form>
									<div class="form-group">
										<label for="update-studentName" class="col-form-label">姓名</label>
										<input type="text" class="form-control"
											id="update-studentName">
									</div>
									<div class="form-group">
										<label for="update-mobile" class="col-form-label">手机号</label>
										<input type="text" class="form-control" id="update-mobile">
									</div>
									<div class="form-group">
										<label for="update-email" class="col-form-label">邮箱</label> <input
											type="text" class="form-control" id="update-email">
									</div>
									<label for="provinces">性别</label> <select
										style="width: 250px; height: 30px;" id="update-sex">
										<option value="">请选择性别</option>
										<option value="男">男</option>
										<option value="女">女</option>
									</select>
									<div class="form-group">
										<label for="update-age" class="col-form-label">年龄</label> <input
											type="text" class="form-control" id="update-age">
									</div>
									<label for="provinces">证件类型</label> <select
										style="width: 250px; height: 30px;" id="update-idType">
										<option value="">请选择证件类型</option>
										<option value="身份证">身份证</option>
										<option value="其他">其他</option>
									</select>
									<div class="form-group">
										<label for="update-idNum" class="col-form-label">证件号</label> <input
											type="text" class="form-control" id="update-idNum">
									</div>

								</form>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary"
									data-dismiss="modal">取消</button>
								<input type="text" class="form-control" hidden="hidden"
									id="studentId">
								<button type="button" onclick="updatestu()"
									class="btn btn-primary" data-dismiss="modal">确认</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


	</div>
	<!--外部引入-->
	<script th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
	<script th:src="@{/libs/bootstrap/bootstrap4dist/js/bootstrap.js}"></script>
	<script
		th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.js}"></script>
	<script
		th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_locale_bootstrap-table-zh-CN.min.js}"></script>
	<script th:src="@{/js/Ssbkaoshi/echarts.min.js}"></script>
	<script th:src="@{/js/Ssbkaoshi/Ssbkaoshi.js}"></script>
</body>
</html>